import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes/'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
    backgroundColor: 'white',
    flexDirection: 'row',
    alignItems: 'center',
  },
  form: {
    flex: 1,
    padding: Metrics.doubleBaseMargin,
  },
  title: {
    ...Fonts.style.h4,
    color: Colors.snow,
    alignSelf: 'center',
    marginBottom: Metrics.doubleBaseMargin,
    backgroundColor: Colors.transparent,
  },
  inputGroup: {
    paddingHorizontal: Metrics.baseMargin,
  },
  input: {
    color: Colors.snow,
    fontSize: 16,
    //padding: Metrics.smallMargin,
  },
  errorText: {
    padding: Metrics.baseMargin,
    color: Colors.error,
    backgroundColor: Colors.transparent,
  },
  register: {
    backgroundColor: Colors.transparent,
    color: Colors.snow,
  }
})
